<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>活动约伴</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/company.css" type="text/css" rel="stylesheet" media="all">
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
</head>

<body>
<!--头部-->
<div class="head">
	<div class="icon">
    	<img src="image/LOGO.png" alt="">
        <form  class="search" role="搜索">
        	<input type="text" class="search_text" />
            <input type="button" value="搜 索" class="search_btn" />
        </form> 
        <ul class="login">
            <li><a href="#">注册</a></li>
            <li><a href="#">登录</a></li>
        </ul> 
    </div>
	<div class="header">
        <div class="header-nav">
            <ul class="left fl">
                <li>
                    <a href="index.html">首页</a>            
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">省内路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">省外路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">国外路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">周边游</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">主题推荐</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                	<a href="户外活动.html">户外活动</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山</a>
                            </li>
                            <li>
                                <a href="">骑行</a>
                            </li>
                            <li>
                                <a href="">徒步</a>
                            </li>
                            <li>
                                <a href="">自驾游</a>
                            </li>
                            <li>
                                <a href="">周末小聚</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li><a href="活动约伴.html" class="active">活动约伴</a></li>
                <li>
                    <a href="户外攻略.html">户外攻略</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山攻略</a>
                            </li>
                            <li>
                                <a href="">骑行攻略</a>
                            </li>
                            <li>
                                <a href="">徒步攻略</a>
                            </li>
                            <li>
                                <a href="">自驾游攻略</a>
                            </li>
                            <li>
                                <a href="">野营攻略</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                    <a href="户外装备.html">户外装备</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山鞋</a>
                            </li>
                            <li>
                                <a href="">山地自行车</a>
                            </li>
                            <li>
                                <a href="">帐篷</a>
                            </li>
                            <li>
                                <a href="">登山包</a>
                            </li>
                            <li>
                                <a href="">野营装备</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                    <a href="出行游记.html">出行游记</a>
                </li>
                <li>
                    <a href="照片墙.html">照片墙</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--主体部分-->
<div class="main">
	<ol class="banner_title">
    	<li><a href="#">首页</a></li>
    	<li><a href="#">活动约伴</a></li>
    </ol>
    <div class="company">
    	<ul>
        	<li><a href="">
            	<img src="image/04.jpeg" />
                <div class="detail">
                	<img src="image/day.png" />
                    <span><b>7</b>月<b>1</b>日</span>
                    <h3>云南</h3>
                    <p>95后迷妹一只，坐标杭州。初步计划八月中旬去云南，大理丽江...</p>
                </div>
                <div class="user">
                	<img src="image/m2r_del1.jpg" />
                    <span>用户1</span>
                </div>
                <div class="attention">
                	已有
                    <b>7</b>
                    人报名
                    <i></i>
                </div>
            </a></li>
        	<li><a href="">
            	<img src="image/04.jpeg" />
                <div class="detail">
                	<img src="image/day.png" />
                    <span><b>7</b>月<b>1</b>日</span>
                    <h3>云南</h3>
                    <p>95后迷妹一只，坐标杭州。初步计划八月中旬去云南，大理丽江...</p>
                </div>
                <div class="user">
                	<img src="image/m2r_del1.jpg" />
                    <span>用户1</span>
                </div>
                <div class="attention">
                	已有
                    <b>7</b>
                    人报名
                    <i></i>
                </div>
            </a></li>
        	<li><a href="">
            	<img src="image/04.jpeg" />
                <div class="detail">
                	<img src="image/day.png" />
                    <span><b>7</b>月<b>1</b>日</span>
                    <h3>云南</h3>
                    <p>95后迷妹一只，坐标杭州。初步计划八月中旬去云南，大理丽江...</p>
                </div>
                <div class="user">
                	<img src="image/m2r_del1.jpg" />
                    <span>用户1</span>
                </div>
                <div class="attention">
                	已有
                    <b>7</b>
                    人报名
                    <i></i>
                </div>
            </a></li>
        	<li><a href="">
            	<img src="image/04.jpeg" />
                <div class="detail">
                	<img src="image/day.png" />
                    <span><b>7</b>月<b>1</b>日</span>
                    <h3>云南</h3>
                    <p>95后迷妹一只，坐标杭州。初步计划八月中旬去云南，大理丽江...</p>
                </div>
                <div class="user">
                	<img src="image/m2r_del1.jpg" />
                    <span>用户1</span>
                </div>
                <div class="attention">
                	已有
                    <b>7</b>
                    人报名
                    <i></i>
                </div>
            </a></li>
        	<li><a href="">
            	<img src="image/04.jpeg" />
                <div class="detail">
                	<img src="image/day.png" />
                    <span><b>7</b>月<b>1</b>日</span>
                    <h3>云南</h3>
                    <p>95后迷妹一只，坐标杭州。初步计划八月中旬去云南，大理丽江...</p>
                </div>
                <div class="user">
                	<img src="image/m2r_del1.jpg" />
                    <span>用户1</span>
                </div>
                <div class="attention">
                	已有
                    <b>7</b>
                    人报名
                    <i></i>
                </div>
            </a></li>
        	<li><a href="">
            	<img src="image/04.jpeg" />
                <div class="detail">
                	<img src="image/day.png" />
                    <span><b>7</b>月<b>1</b>日</span>
                    <h3>云南</h3>
                    <p>95后迷妹一只，坐标杭州。初步计划八月中旬去云南，大理丽江...</p>
                </div>
                <div class="user">
                	<img src="image/m2r_del1.jpg" />
                    <span>用户1</span>
                </div>
                <div class="attention">
                	已有
                    <b>7</b>
                    人报名
                    <i></i>
                </div>
            </a></li>
        	<li><a href="">
            	<img src="image/04.jpeg" />
                <div class="detail">
                	<img src="image/day.png" />
                    <span><b>7</b>月<b>1</b>日</span>
                    <h3>云南</h3>
                    <p>95后迷妹一只，坐标杭州。初步计划八月中旬去云南，大理丽江...</p>
                </div>
                <div class="user">
                	<img src="image/m2r_del1.jpg" />
                    <span>用户1</span>
                </div>
                <div class="attention">
                	已有
                    <b>7</b>
                    人报名
                    <i></i>
                </div>
            </a></li>
        	<li><a href="">
            	<img src="image/04.jpeg" />
                <div class="detail">
                	<img src="image/day.png" />
                    <span><b>7</b>月<b>1</b>日</span>
                    <h3>云南</h3>
                    <p>95后迷妹一只，坐标杭州。初步计划八月中旬去云南，大理丽江...</p>
                </div>
                <div class="user">
                	<img src="image/m2r_del1.jpg" />
                    <span>用户1</span>
                </div>
                <div class="attention">
                	已有
                    <b>7</b>
                    人报名
                    <i></i>
                </div>
            </a></li>
        </ul>
    </div>
</div>

<div class="hr"></div>
<!--脚部-->
<div class="clearfix"></div>
<div class="footer">
	<div class="about">
        <ul>
        	<li><a href="">驴舍简介</a></li>
        	<li><a href="">驴舍宗旨</a></li>
        	<li><a href="">建议征集</a></li>
        	<li><a href="">关于我们</a></li>
        </ul>
    </div>
</div>
</body>
</html>
